<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<style>
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, textarea, p, blockquote, th, td{
	margin:0px;
	padding:0px;
}
.body{
	background-image:url(/shop/public/static/2.jpg);
	background-repeat:no-repeat; 
	background-size:cover;

}
.login{
	cursor:url("/shop/public/static/3.jpg"),auto;
	width: 500px;
    height: 450px;
    box-shadow: 0px 0px 1px #333333;
    margin: 0px auto;
    display: block;
    position: absolute;
    border-radius: 5px;
    top:50%;
    left:50%;
    margin-top: -200px;
    margin-left: -225px;
    background-color: rgba(130, 115, 115, 0.3);
}
.login-top{
	width: 100%;
	font-size: 24px;
	margin-top:50px;
	margin-bottom: 50px;
	color:rgba(255,255,255,0.9);
}
.login-center-user{
	width: 100%;
	padding: 10px;
}
.login-center-user input{
	width: 300px;
	border: 0px;
	padding-top:20px; 
	background: rgba(255, 255, 255, 0.3);
	font-size: 20px;
	font-family: 宋体;
	color:white;
}
.login-center-pw{
	width: 100%;
	padding: 10px 10px;
}
.login-center-pw input{
	width: 300px;
	border: 0px;
	padding-top:20px; 
	background: rgba(255, 255, 255, 0.3);
	font-size: 20px;
	font-family: 宋体;
	color:white;
}
.login-center-check{
	width: 100%;
	padding: 0px 10px;
}
.login-center-check input{
	width:100px;
	border:0px;
	padding-top:20px; 
	background: rgba(255, 255, 255, 0.3);
	font-size: 20px;
	font-family: 宋体;
	color:white;
}
.login-button{
	width: 100%;
}
.login-button input{
	width: 100px;
	height: 30px;
	background: rgba(255, 255, 255, 0.3);
	border:0px;
	cursor: pointer;
	margin-top: 50px;
	color:white;
}
</style>
</head>
<body class="body">
<div class="login">
	<div class="login-top">
		<h3 align="center">登录页面</h3>
	</div>
	<form action="check" method="post">
	<div class="login-center-user">
		<p align="center">
			<i class="fa fa-user fa-3x"></i>
			<input type="text" placeholder="请输入您的账号" name="user">
		</p>
	</div>
	<div class="login-center-pw">
		<p align="center">
			<i class="fa fa-unlock-alt fa-3x"></i>
			<input type="password" placeholder="请输入您的密码" name="pass">
		</p>
	</div>
	<div class="login-center-check">
		<p align="center">
			<i class="fa fa-unlock-alt fa-3x"></i>
			<input type="text" name="captcha">
			<img src="{:captcha_src()}" id="check" onclick="this.src=this.src" alt="captcha" style="width:200px;"/>
		</p>
	</div>
	<div class="login-button">
		<p align="center">
			<input type="submit" value="登录">
		</p>
	</div>
	</form>
</div>
<script type="text/javascript">
</script>
</body>
</html>